<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="border:solid red;display:flex;align-items: center">
    <div style="width: 40%">
        <img src="https://img10.360buyimg.com/img/jfs/t1/124600/14/15671/184916/5f8d7112E7f52db74/60ee6ba8e8e5ce3a.gif" id="img"/>
    </div>
    <div style="width: 40% ">
        <div style="border:solid red;display:flex">
            <div style="width: 80%">
                <input type="text" name="搜索" style="height: 30px;border:none;width: 100%">
            </div>
            <div style="color: white;background-color: red ;padding: 5px 10px;width: 20%;text-align: center">
                搜索
            </div>

        </div>
    </div>
    <div style="width: 20%;color: red ;margin-left: 30px;text-align: center; border: solid lightgray 1px;background: aliceblue;padding: 10px;margin-right: 30px">
         这是购物车
    </div>


</div>
</body>
</html>